/* CSS Document */
header{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    z-index:999;
    background: #fff;
}
.swiper-slide{
    height: var(--header-height);
    line-height: 5rem;
    font-size: 1.4rem;
    color: #4c4c4c;
    text-align: center;
}
.swiper-slide.on{
    color: var(--main-color);
}
.swiper-container{
    width: 96%;
    padding-right:2%;
    border-bottom: 1px #eaeaea solid;
}

nav{
    width: 94%;
	margin: 5rem auto 0;
}
nav ul{
    width: 100%;
}
nav ul li{
    width: 100%;
	padding: 1rem 0 0;
	border-bottom: 1px #eaeaea solid;
}
nav ul li div{
    width: 100%;
}
nav ul li div:nth-child(1){
    font-size: 1.6rem;
    color: #333;
    line-height: 2.3rem;
    overflow:hidden;
    text-overflow:ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
nav ul li div:nth-child(2){
    margin-top: 1rem;
}
nav ul li div:nth-child(2) img{
    width: 30%;
    margin:0 1.66%;
    height: 7rem;
}
nav ul li div:nth-child(3){
    height: 4rem;
    line-height: 4rem;
    color: #999;
    font-size: 1.4rem;
}
nav ul li div:nth-child(3) img{
    height: 2rem;
    margin: -0.4rem 0.5rem 0 0;
    vertical-align: middle;
}
nav ul li div:nth-child(3)>span{
    display: block;
    width: 50%;
    float: left;
}
nav ul li div:nth-child(3)>span:nth-child(2){
	text-align: right;
}
